<template>
  <div class="cms-menu">
    <el-form :inline="true" :model="dataForm">
      <!--<el-form-item>
        <el-input v-model="dataForm.paramKey" placeholder="参数名" clearable></el-input>
      </el-form-item>-->
      <el-form-item>
        <!--<el-button @click="getDataList()">查询</el-button>-->
        <el-button type="primary">新增</el-button>
      </el-form-item>
    </el-form>
    <el-table :data="dataList" border v-loading="dataListLoading"  style="width: 100%;">
      <el-table-column prop="menuname" header-align="center" align="center" label="菜单名称">
      </el-table-column>
      <el-table-column prop="parentmenu" header-align="center" align="center" label="上级菜单">
      </el-table-column>
      <el-table-column prop="belong" header-align="center" align="center" label="所属站点">
      </el-table-column>
      <el-table-column prop="sort" header-align="center" align="center" label="排序号">
      </el-table-column>
      <el-table-column prop="state" header-align="center" align="center" label="状态">
      </el-table-column>
      <el-table-column fixed="right" header-align="center" align="center" width="360" label="操作">
        <template slot-scope="scope">
          <el-button size="small">修改</el-button>
          <el-button type="danger" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dataForm: {
          paramKey: ''
        },
        dataList: [{
          menuname: "测试子级",
          parentmenu: "测试父级",
          belong: "www.baidu.com",
          sort: "1",
          state: "正常"
        }],
        pageIndex: 1,
        pageSize: 10,
        totalPage: 0,
        dataListLoading: false,
        dataListSelections: [],
        addOrUpdateVisible: false
      }
    },
    components: {},
    activated() {
      //  this.getDataList()
    },
    methods: {}
  }
</script>
